<template>
  <view class="bg" :style="{ backgroundImage: `url(${imageSrc})` }">
    <!--    <view class="contact-us">-->
    <!--      <button :style="{ backgroundColor: themeColor }" open-type="contact">-->
    <!--        联系我们-->
    <!--      </button>-->
    <!--    </view>-->
  </view>
</template>

<script>
import { mapState } from "vuex";

export default {
  name: "index",
  computed: {
    ...mapState("sp-common/base", ["themeColor"]),
  },
  watch: {
    themeColor(val) {
      this.customStyle.backgroundColor = val;
    },
  },
  data() {
    return {
      imageSrc:
        "https://hyyxboss.oss-cn-shenzhen.aliyuncs.com/img/pub/about_us.png",
    };
  },
};
</script>

<style scoped lang="scss">
.bg {
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  //background-image: url("https://cdn.uviewui.com/uview/album/1.jpg");
  .contact-us {
    position: fixed;
    bottom: 30rpx;
    //bottom: env(safe-area-inset-bottom);
    width: 100vw;
    margin: 0 auto;
    button {
      width: 600rpx;
      margin: 0 auto;
      border-radius: 40rpx;
      color: white;
    }
  }
}
</style>
